<template>
  <div>
    <h1 v-show="isShow">h1 label</h1>
    <h2 v-if="isShow">h2 label</h2>
    <div>
      <p v-if="age >= 18">成年</p>
      <p v-else>未成年</p>
    </div>
    <div>
      <p>成绩</p>
      <p v-if="grade >= 90">A</p>
      <p v-else-if="grade >= 80">B</p>
      <p v-else-if="grade >= 70">C</p>
      <p v-else-if="grade >= 60">D</p>
      <p v-else>FAIL</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true,
      age: 12,
      grade: 79,
    };
  },
};
</script>

<style>
</style>